<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<LINK href="../../css/admin.css" type="text/css" rel="stylesheet">
<script src="../../js/jquery.js"></script>
<script src="../../js/changebgcolor.js"></script>
<script src="../../js/calendar.js"></script>
<script>

//onclick="alert(this.offsetWidth)"
function showDiv(obj){
	obj.style.display = "";
}

function bgcolorTo(obj,to_color){
	obj.style.background = to_color;
}
// 界面控制 begin 
function show_message(){
	var mask = document.getElementById("mask");
	var message = document.getElementById("message");
	var sel1_obj = document.getElementById("sel1");
	var sel2_obj = document.getElementById("sel2");	
	mask.style.display = "";
	message.style.display = "";
	sel1_obj.style.display = "none";
	sel2_obj.style.display = "none";
}
function show_info_message(){
	var mask = document.getElementById("mask");
	var message = document.getElementById("info_message");
	var sel1_obj = document.getElementById("sel1");
	var sel2_obj = document.getElementById("sel2");	
	mask.style.display = "";
	message.style.display = "";
	sel1_obj.style.display = "none";
	sel2_obj.style.display = "none";
}
function hidden_message(){
	var mask = document.getElementById("mask");
	var message = document.getElementById("message");
	var info_message = document.getElementById("info_message");
	var sel1_obj = document.getElementById("sel1");
	var sel2_obj = document.getElementById("sel2");	
	mask.style.display = "none";
	message.style.display = "none";
	info_message.style.display = "none";
	sel1_obj.style.display = "";
	sel2_obj.style.display = "";
}
// 界面控制 end 


// 查看功能按钮，用来界面控制和后台交互
function show_staff_info(id){
	show_message();
	
	var btn_edit = document.getElementById("edit");
	var btn_update = document.getElementById("update");
	var btn_create = document.getElementById("create");
	
	btn_edit.style.display = "";
	btn_update.style.display = "";
	btn_create.style.display = "none";
	
	//Jquery 代码
	
}
function insert_staff_info(id){
	show_info_message();
	
	var btn_edit = document.getElementById("edit");
	var btn_update = document.getElementById("update");
	var btn_create = document.getElementById("create");
	
	btn_edit.style.display = "";
	btn_update.style.display = "";
	btn_create.style.display = "none";
	
	//Jquery 代码
	
}
function show_staff(){
	var staff_info_obj = document.getElementById('staff_info');
	var mask1_obj = document.getElementById('mask1');
	staff_info_obj.style.display = '';
	mask1_obj.style.display = '';
}
function show_staff_id(staff_id){
	show_staff();
}
function hidden_staff_info(){
	var staff_info_obj = document.getElementById('staff_info');
	var mask1_obj = document.getElementById('mask1');
	staff_info_obj.style.display = 'none';
	mask1_obj.style.display = 'none';
}
function change_level_list(){
	var staff_type_obj = document.getElementById('staff_type');
	var staff_type_value = staff_type_obj.value;
	switch(staff_type_value){
		case '学员': $('#level').html(student); break;
		case '工作人员':
		case '授课培训师': $('#level').html(worker); break;
	}
}
var student = '<option>总行行长级</option>'
			 +'<option>总行总经理级</option>'
			 +'<option>总行高级经理级</option>'
			 +'<option>总行业务经理级及员工</option>'
			 +'<option>分行行长级</option>'
			 +'<option>分行总经理级</option>'
			 +'<option>分行业务经理级及员工</option>'
			 +'<option>行外人员</option>';
var worker =  '<option></option>'
			 +'<option>总行高级经理级；一级分行部门总经理级</option>'
			 +'<option>二级分支行行级</option>'
			 +'<option>四级专业技术人员</option>'
			 +'<option>总行业务经理级；一、二级分行业务经理级</option>'
			 +'<option>支行行级</option>'
			 +'<option>五级、六级专业技术人员</option>'
			 +'<option>员工</option>';
window.onload = function (){
	var now_time = new Date();
	var curr_month = now_time.getMonth() + 1;
	if(curr_month < 10){
		curr_month = '0' + curr_month;
	}else{
		curr_month = curr_month - 12;
	}
	document.getElementById('plan_mounth').value = curr_month;
	$('#level').html(student);
}
/*
function super_find(id){
	var str_html = '课程名<input id="class_name" type="text" style="width:410px;"/>&nbsp;|&nbsp;'
				+ '举办单位<input id="class_company" type="text" style="width:240px;"/><br/>'
				+ '开班日期<input id="start_time" type="text" />&nbsp;|&nbsp;'
				+ '结束日期<input id="end_time" type="text"/>&nbsp;|&nbsp;'
				+ '<a href="javascript:void(0)" onclick="showDiv(super_find)">培训班查找</a>';
	var obj = $('#'+id);
	obj.html(str_html);
}
*/
</script>

<BODY>
<div id="div_header" >
  <div id="div_titel">导入人员信息</div>
</div>
<!-- 页面主体显示培训班列表 -->
<div id="div_body">
  <div align="center" style="padding-bottom:5px;">培训班名
    <input id="class_name" type="text" style="width:170px;"/>
    &nbsp;举办单位
    <input id="class_company" type="text" style="width:110px;"/>
    &nbsp;承办部门
    <select id="sel1">
      <option value="-1"></option>
      <option>培训管理部</option>
      <option>党校办公室</option>
    </select>
    &nbsp;状态
    <select id="sel2">
      <option value="-1"></option>
      <option>开班</option>
      <option>未开班</option>
    </select>
    &nbsp;月份
    <input id="plan_mounth" type="text" style="width:20px;" value="" />
    &nbsp;<a href="javascript:void(0)" onclick="alert('selectClass')">查找</a> </div>
  <table class="list" style="width:100%;">
    <thead class="list">
      <tr class="list" height="10" >
        <th class="list" width="170" >举办单位</th>
        <th class="list" width="" >培训班</th>
        <th class="list" width="80" >承办部门</th>
        <th class="list" width="80" >开班日期</th>
        <th class="list" width="80" >结束日期</th>
        <th class="list" width="50" >状态</th>
        <th class="list" width="80" >相关人员</th>
      </tr>
    </thead>
    <tbody class="list">
      <tr class="list">
        <td class="list" colspan="7" style="padding:0;"><div style="height:480px; overflow-y:scroll;">
            <table class="list" onmouseover="changeto()" onmouseout="changeback()" width="821"
    style="border-collapse:collapse; border-spacing:0; border:0px solid #888; background:#efefef; " >
              <tr class="list">
                <td class="list" width="170">&nbsp;行内蒙古区鄂尔多斯分行</td>
                <td class="list" width="">&nbsp;总行2010年市场风险管理培训班</td>
                <td class="list" width="80" align="center">培训管理部</td>
                <td class="list" width="80" align="center">2010.12.12</td>
                <td class="list" width="80" align="center">2010.12.12</td>
                <td class="list" width="50" align="center">开班</td>
                <td class="list" width="62" align="center"><a href="javascript:void(0)" onclick="insert_staff_info('+id+')">导入</a>&nbsp;<a href="javascript:void(0)" onclick="show_staff_info('+id+')">查看</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
    </tbody>
  </table>
</div>
<!-- 遮罩层 -->
<div id="mask" style="display:none;"></div>
<!-- 培训班基础信息 -->
<div id="info_message" class="message" style="display:none; width:300px; ">
  <div style="position:absolute; width:30px; top:0; right:0;">
    <input type="button" style="width:100%; border:0; background-color:#C00;" onmouseover="bgcolorTo(this,'#f00')" onmouseout="bgcolorTo(this,'#C00')" 
  value=" X " onclick="hidden_message()" />
  </div>
  <br />
  <form id="mesg" action="#" style="padding:0; margin:0; text-align:right;">
    <input type="file" style="width:100%;" />
    <a href="javascript:void(0)" onclick="alert('insert_info')">确定导入</a>
  </form>
</div>
<!-- 培训班基础信息 -->
<div id="message" class="message" style="position:relative; display:none; width:800px; margin-left:-410px; top:10px; ">
  <div style="position:absolute; width:30px; top:0; right:0;">
    <input type="button" style="width:100%; border:0; background-color:#C00;" onmouseover="bgcolorTo(this,'#f00')" onmouseout="bgcolorTo(this,'#C00')" 
  value=" X " onclick="hidden_message()" />
  </div>
  <br />
    <table class="list" width="100%"
    style="border-collapse:collapse; border-spacing:0; border:1px solid #888; background:#efefef; " >
      <tr class="list">
        <th class="list" width="30" >序号</th>
        <th class="list" width="60" >姓名</th>
        <th class="list" width="30" >性别</th>
        <th class="list" width="40" >民族</th>
        <th class="list" width="" >工作单位、职务</th>
        <th class="list" width="80" >班内职务</th>
        <th class="list" width="130" >级别</th>
        <th class="list" width="100" >联系方式</th>
        <th class="list" width="80" >房间</th>
        <th class="list" width="80" ><a href="#" onclick="show_staff()">添加人员</a></th>
      </tr>
      <tr class="list">
        <td class="list" colspan="10" style="padding:0;"><div style="height:300px; overflow-y:scroll;">
            <table class="list" onmouseover="changeto()" onmouseout="changeback()" width="781"
    style="border-collapse:collapse; border-spacing:0; border:0px solid #888; background:#efefef;" >
              <tr class="list">
                <td class="list" align="center" width="30" >999</td>
                <td class="list" align="center" width="60" >姓名名</td>
                <td class="list" align="center" width="30" >男</td>
                <td class="list" align="center" width="40" >维吾尔族族</td>
                <td class="list" align="center" width="" >工作单位、职务</td>
                <td class="list" align="center" width="80" >学员</td>
                <td class="list" align="center" width="130" >总行业务经理级；一、二级分行业务经理级</td>
                <td class="list" align="center" width="100" >88888888888</td>
                <td class="list" align="center" width="80" >综合楼 88-88</td>
                <td class="list" align="center" width="62" ><a href="#" onclick="show_staff_id('+id+')">编辑</a>&nbsp;<a href="#" onclick="alert('deleteById')">删除</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
    </table>
  <hr width="100%" />
  <form id="mesg" action="#" style="padding:0; margin:0;">
    <table class="list" onmouseover="changeto()" onmouseout="changeback()" style=" width:100%;" >
      <tr class="list">
        <th class="list" width="" >培训单位</th>
        <th class="list" width="118" >培训天数增量</th>
      </tr>
      <tr class="list">
        <td class="list" colspan="2" style="padding:0;">
          <div style="height:100px; overflow-y:scroll; width:100%;">
            <table class="list" onmouseover="changeto()" onmouseout="changeback()" width="781" style="border-collapse:collapse; border-spacing:0; border:0px solid #888; background:#efefef;" >
              <tr class="list">
                <td class="list" width="">&nbsp;行内蒙古区鄂尔多斯分行</td>
                <td class="list" width="100" align="center"><input style="width:95px; text-align:center;" value="1.5"/></td>
              </tr>
            </table>
          </div>
        </td>
      </tr>
    </table>
    <div style="text-align:right; width:100%;">
      <input type="reset" value="重置" />&nbsp;|&nbsp;<input type="submit" value="提交" />
    </div>
  </form>
</div>
<!-- 遮罩层 -->
<div id="mask1" style="display:none; z-index:3; "></div>
<!-- 培训班基础信息 -->
<div id="staff_info" class="message" style="position:absolute; display:none; width:300px; margin-left:-160px; top:180px; ">
  <div style="position:absolute; width:30px; top:0; right:0;">
    <input type="button" style="width:100%; border:0; background-color:#C00;" onmouseover="bgcolorTo(this,'#f00')" onmouseout="bgcolorTo(this,'#C00')" 
  value=" X " onclick="hidden_staff_info()" />
  </div>
  <br />
  <form id="mesg" action="#" style="padding:0; margin:0; text-align:right;">
    <table class="list" width="100%"
    style="border-collapse:collapse; border-spacing:0; border:1px solid #888; background:#efefef; " >
      <tr class="list">
        <th class="list" width="" >姓名</th>
        <td class="list" width="200" style="padding:0;"><input type="text" style="width:194px;" /></td>
      </tr>
      <tr class="list">
        <th class="list" width="" >性别</th>
        <td class="list" style="padding:0;"><select style="width:100%;">
            <option>男</option>
            <option>女</option>
          </select></td>
      </tr>
      <tr class="list">
        <th class="list" width="" >工作单位</th>
        <td class="list" style="padding:0;"><input type="text" style="width:194px;" /></td>
      </tr>
      <tr class="list">
        <th class="list" width="" >职务</th>
        <td class="list" style="padding:0;"><input type="text" style="width:194px;" /></td>
      </tr>
      <tr class="list">
        <th class="list" width="" >级别</th>
        <td class="list" style="padding:0;"><select id="level" style="width:100%;">
          </select></td>
      </tr>
      <tr class="list">
        <th class="list" width="" >联系方式</th>
        <td class="list" style="padding:0;"><input type="text" style="width:194px;" /></td>
      </tr>
      <tr class="list">
        <th class="list" width="" >房间</th>
        <td class="list" style="padding:0;"><select style="width:100%;">
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
            <option>综合楼 88-88</option>
          </select></td>
      </tr>
      <tr class="list">
        <th class="list" width="" >班内职务</th>
        <td class="list" style="padding:0;"><select id="staff_type" style="width:100%;" onchange="change_level_list()">
            <option value="学员">学员</option>
            <option value="工作人员">工作人员</option>
            <option value="授课培训师">授课培训师</option>
          </select></td>
      </tr>
    </table>
    <input type="reset" value="重置" />
    |
    <input type="submit" value="保存" />
  </form>
</div>
</body>
</html>